<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>幸运商城</title>
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/aui.css"/>
    <link rel="stylesheet" href="css/shop.css">
    <link rel="stylesheet" href="css/alert.css">
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/mui.min.js"></script>
    <script>
        autoload=function(){
            var data={};
            data.user_id=user_id
            data.userpwd=userpwd;
            if(user_id==""){
                return;
            }
            $.ajax({
                type: "POST",
                //url: "http://test/jsonp.php",
                data: data,
                url: "http://xjh.taoleyizhan.com/wap/index.php?ctl=mainpage&show_prog=1",
                dataType: "json",
                success: function (json) {
                    console.log(json)
                    page_data=json
                    var noticeList="";

                    for(var i=0;i<page_data.newest_lottery_list.length;i++){
                        noticeList+='<li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜'+page_data.newest_lottery_list[i].user_name+'获得'+page_data.newest_lottery_list[i].name+' </li>';
                    }
                    $("#lunbo1").html(noticeList)
                    $("#page_title").text(page_data.page_title)
                    $("#user_tx").attr("src",hostUrl+ page_data.user_logo);
                    $("#user_name").html(page_data.user_name);
                    $("#user_id").html(user_id);
                    $("#user_id").html("ID:"+page_data.id+"")
                    $("#jifen").html(page_data.user_money_int);
                    $("#jiushui").html(page_data.user_score)
                    InitChat();
                },
                error:function(json){
                    console.log(json);
                }
            });
        }
    </script>
    <script src="js/init.js"></script>
    <style>
        @media screen and (max-width:320px){
            .back_scroll_bg{height:63vh;}
        }
        @media screen and (min-width:321px) and (max-width:375px){
            .back_scroll_bg{height:68vh;}
        }
        @media screen and (min-width:376px) and (max-width:414px){
            .back_scroll_bg{height:70vh;}
        }

    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav ">
        <a href="index2.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" id="page_title">{$data.page_title}</h1>
    </header>

    <div class="mui-content">
        <div class="re">
            <div class="ab" style="z-index:2;"><img id="user_tx" class="user_tx aui-mar-l-5" style="margin-top:-5px;width:50px;height:50px;" src="image/avatar.png" alt=""><img class="ab" style="right:0;bottom:5px;" src="image/sex1.png" alt="" width="12"></div>
            <div class="user aui-mar-t-10 f12 aui-col-10 hidden re" style="height:50px;line-height:1.6;">
                <div class="re" style="width:55%;">
                    <div class="user_bg ab" style="left:-10%;"></div>
                    <div class="ab aui-pad-t-5 aui-col-9 hidden" style="padding-left:70px;">
                        <div id="user_name" class="nowrap">小思设计2017小思</div>
                        <div id="user_id" class="nowrap" style="font-size:10px;">ID:123456</div>
                    </div>
                </div>
                <div class="user_jf ab" style="width:45%;">
                    <div class="user_bg ab" style="right:-10%;height:35px;"></div>
                    <a href="pay.html"><img class="ab" style="right:0;z-index:1;" src="images/rmb.png" alt="" width="35"></a>
                    <div class="ab aui-col-8 flex" style="padding:7px 0 0 10px;">
                        <div class="aui-col-5 flex hidden"><img class="vmid" src="images/xing.png" alt="" width="20"><span id="jiushui"></span></div>
                        <div class="aui-col-4 flex hidden aui-pad-l-5"><img class="vmid" src="images/zuan.png" alt="" width="18"><span id="jifen"></span></div>
                    </div>
                </div>
            </div>
        </div>
        <!--user信息-->

        <div class="aui-pad-10 f14">
            <div class="nav_sm flex mui-text-center f12">
                <div class="f1"><img class="block aui-col-6 auto" src="images/index_set.png" alt="" width="40">设置</div>
                <div class="f1"><a href="help.html" class="aui-color-black"><img class="block aui-col-6 auto" src="images/index_help.png" alt="" width="40">帮助</a></div>
                <div class="f1"><a href="backpack.html" class="aui-color-black"><img class="block aui-col-6 auto" src="images/index_pack.png" alt="" width="40">背包</a></div>
                <div class="f1"></div>
                <div class="f1"></div>
                <div class="f1"></div>
                <div class="f1"></div>
            </div>
            <div class="flex aui-pad-10 aui-border-radius" style="background:#fee630;box-shadow:3px 3px 3px #dab91e;">
                <div class="f1"><img class="vmid border-r-1 aui-pad-r-10" src="images/jiebao.png" alt="" height="30"></div>
                <div class="f5 border-r-1 hidden" id="lunbo_content">
                    <div id="lunbo" style="width:95%;height:30px;overflow: hidden;color:#d80000;float:left;">
                        <a class="block aui-color-red" href="zhongjiang.html">
                            <ul id="lunbo1">
                                <li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜司马懿 在独闯江湖游戏中斩获冠军，获得一部iPhone7plus。</li>
                                <li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜司马懿 在独闯江湖游戏中斩获冠军，获得一部iPhone7plus。</li>
                                <li class="ellipsis"><img src="images/jiangpin.png" alt="">恭喜司马懿 在独闯江湖游戏中斩获冠军，获得一部iPhone7plus。</li>
                            </ul>
                            <ul id="lunbo2"></ul></a>
                    </div>
                </div>
                <div class="f1 mui-text-right f12" style="line-height:30px;">更多</div>
            </div>
            <!--江湖捷报-->
            <!--<div class="aui-mar-t-10"><img class="aui-col-10" src="images/duobao.png" alt=""></div>-->
        </div>

        <div class="fix back_scroll_bg f12" style="left:0;bottom:0;">
            <ul class="duo_box list_box flex" style="height:100%;overflow-y:auto;">
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">余156</div></div>
                    </div>
                </li>
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">156</div></div>
                    </div>
                </li>
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">156</div></div>
                    </div>
                </li>
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">156</div></div>
                    </div>
                </li>
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">156</div></div>
                    </div>
                </li>
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">156</div></div>
                    </div>
                </li>
                <li>
                    <img class="aui-col-10 block" src="images/shop.png" alt="">
                    <div class="list_con">
                        <div class="jindu"></div>
                        <div class="flex aui-pad-5"><div class="f2 nowrap aui-color-red">共3668</div><div class="f1 mui-text-right nowrap f10">156</div></div>
                    </div>
                </li>
            </ul>

        </div>

    </div>

    <!--alert开始-->
    <div class="alert none">
        <!--<div class="shanpin_detail box mui-text-center re none">-->
            <!--<img class="user_tx ab aui-border-rasius-y" src="images/1.jpg" alt="" width="80" height="80">-->
            <!--<div class="f15 aui-pad-b-5"><b>Mac book pro 8G 固态硬盘256G</b></div>-->
            <!--<div class="f14 aui-pad-b-10">煮酒论英雄·独闯江湖 8人模式</div>-->
            <!--<div class="f12 mui-text-left" style="height:65px;overflow-y:auto; padding:0 10px;">证书编号：2016010902914390证书状态：有效产品名称：笔记型电脑3C规格型号：A1708：20.3V 3.0A 最大 （电源适配器：A1718，电线组件可选）产品名称：Apple/苹果 无机械硬盘内存容量: 8GB操作系统: Mac OS.</div>-->
            <!--<div class="f12 aui-pad-t-15">-->
                <!--<span class="aui-pad-r-5">商品总价:<img src="images/zuan.png" alt="" width="14"><span class="aui-color-red">8888积分</span></span>-->
                <!--<span>人均消耗:<img src="images/zuan.png" alt="" width="14"><span class="aui-color-red">68积分</span></span>-->
            <!--</div>-->
            <!--<img class="shanpin_yes aui-col-4 aui-pad-t-10" src="images/tc_queding.png" alt="">-->
        <!--</div>-->
        <!--商品 礼物详情-->

        <div class="user_info box f14 mui-text-center re none">
            <img class="user_tx ab aui-border-rasius-y" src="image/avatar.png" alt="" width="80" height="80">
            <div style="overflow:hidden;">
                <div class="aui-pad-b-5"><img class="aui-mar-r-10" src="image/sex1.png" alt="" width="14"><b>司马懿</b> <span class="f12">ID:999</span></div>
                <div class="mui-row aui-pad-10 line-height-2 mui-text-left">
                    <div class="mui-col-sm-7 mui-col-xs-7">
                        <div>段位：绿蓝带</div>
                        <div>胜率：77%</div>
                    </div>
                    <div class="mui-col-sm-5 mui-col-xs-5">
                        <div>幸运：9999</div>
                        <div>人气：999</div>
                    </div>
                </div>
                <div class="yes orange_btn auto">确定</div>
            </div>
        </div>
        <!--用户信息-->

    </div>
    <!--alert end-->
</body>
<script src="js/jiebao.js"></script>
<script src="js/alert.js"></script>
</html>